<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数据类型转换-数字型</title>
  <style>
    div {
      width: 100px;
      height: 100px;
    }
  </style>
</head>

<body>
  <script>
    // 第一个数字
    let num1 = prompt('请输入第一个月工资:')
    // 第二个数字
    let num2 = prompt('请输入第二个月工资:')
    //  输出结果
    alert(Number(num1) + Number(num2))

    // 通过显示转换的方式把其他类型转换为数字型
    // 1. Number() 最常用的一种方式 推荐 
    // 1.1 把字符串转换为数字型
    console.log(typeof Number('1')) // 1   number
    console.log(Number('abcd')) // NaN 如果无法完成转换则返回NaN 

    // 1.2 把布尔值转换为数字型 true false 
    console.log(Number(true))  // 1
    console.log(Number(false)) // 0

    // 1.3 把 null undefined 转换为数字型
    console.log(Number(null)) // 0
    console.log(Number(undefined)) // NaN

    // 2. parseInt() 和 parseFloat() 固定使用场景的   100px 只要100 不要px 
    // 使用场景：把以数字开头的字符串，只保留数字这种情况下就可以使用 
    console.log(parseInt('100px'))  // 100
    console.log(parseInt('100.5px'))  // 100  parseInt() 只保留整数
    console.log(parseFloat('100.5px'))  // 100.5 parseFloat() 可以返回小数
  </script>
</body>

</html>